<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <script src="js/jquery-1.10.1.min.js"></script>
    <script src="js/jquery.lazyload.js"></script>
    <title>机票预订</title>
    <!--<meta http-equiv="Pragma" content="no-cache">-->
    <!--<meta http-equiv="Expires" content="-1">-->
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
<div class="wrap" >
    <div class="backbar">
        <div class="bkbtn">
            <a href="jdxq.html">
                <img src="img/backbtn.png">
            </a>
        </div>
        <div class="bktitle">
            <p><strong>机票预订</strong></p>
        </div>
    </div>
    <!-- **************************↑↑↑↑↑↑↑↑↑↑↑↑↑↑顶栏↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑**************************************-->
    <div class="container">
        <div class="jpsite">
            <div class="jpsite-start">
                <img src="img/diming.png">出发站点
            </div>
            <div class="jpsite-end">
                <img src="img/diming.png">到达站点
            </div>
        </div>
        <div class="jpsite">
            <div class="jpsite-start-txt"><a href="jpcity.html">徐州</a> </div>
            <div class="jpsite-change">
                <a href="#"><img src="img/changecity.png"></a>
            </div>
            <div class="jpsite-end-txt"><a href="jpcity.html">选择城市</a></div>
        </div>
        <div class="jpsite">
            <div class="jpsite-start-date"><span>6月23日</span></div>
            <div class="jpsite-start-week">
                <p>周二</p>
                <p>出发</p>
            </div>
            <div class="jpsite-end-week">
                <p>周六</p>
                <p>返回</p>
            </div>
            <div class="jpsite-end-date"><span>6月27日</span></div>
        </div>

    <div class="jpcx">
            <div class="linegreythin"></div>
            <img src="img/xcqk.png">
            <form style="width: 100%">
                <div class="oneway" >
                    <input type="radio" name="wangfan" value="">单程机票
                </div>
                <div class="roundtrip">
                    <input  type="radio" name="wangfan" value="">往返机票
                </div>
            <img src="img/cxgjz.png">
            <input class="chaxun" type="search" placeholder="关键字\城市\航空公司">
            <div class="linegreythin"> </div>
            <input class="jpcxbtn" type="button" value="开始查询" onclick="">
            </form>
        <div class="jpydsm"><a href="#">机票预订流程说明</a></div>
    </div>
    </div>
    <!-- **********************************底栏*******************************************-->
    <div class="blank5" style="margin-bottom: 4em;"></div>
    <div class="container">
        <div class="foottools">
            <ul class="ft">
                <li><a href="#"><img src="img/foottools_01.png"><p><small>首页</small></p></a></li>
                <li><a href="#"><img src="img/foottools_02.png"><p><small>订单</small></p></a></li>
                <li><a href="#"><img src="img/foottools_03.png"><p><small>我的</small></p></a></li>
                <li><a href="#"><img src="img/foottools_04.png"><p><small>电话</small></p></a></li>
            </ul>
        </div>
    </div>
</div>
<script>
    $(function() {
        $("img").lazyload({threshold: 10, failurelimit: 10, effect: "fadeIn" });
    });//jQuery Lazy Load配置函数
</script>
</body>
</html>